<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%  
response.setHeader("Access-Control-Allow-Origin", "*");  
%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer" />
  <title>全国机票详情·数据工厂</title>
	<link href="${pageContext.request.contextPath }/img/webLogoIcon.png" rel="shortcut icon">
    <link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/font-awesome.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/style.css" rel="stylesheet">
    <!-- FooTable -->
    <link href="${pageContext.request.contextPath }/css/footable.core.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/css/mypage.css" rel="stylesheet">
    <style>
		.select2_demo_1{
			float: left;
			width: 120px;
			display: inline;
			margin-left: 10px;
		}
		.form-control{
			display: inline;
		}
		
		.col-sm-3{
			float:right;
			width: 560px;
		}
		.input-group{
			float:right;
			width: 240px;
			margin-left: 5px;
		}
	   td{
	        vertical-align:middle;
	    }
	    .source{
	    	display:inline-block;
	        cursor: pointer;
		   	margin-bottom: 10px;
		    padding: 5px 5px;
		    border: 1px solid #ccc;
		    border-radius: 4px;
		    margin-right: 20px;
   		}
   		.sourceAct{
   			border-color:#f8ac59;
   			color:#f8ac59;
   		}
   		.webAct{
   			border-color:#f8ac59 !important;
   			color:#f8ac59;
   		}
   		.web{
	    	display:inline-block;
	        cursor: pointer;
		   	margin-bottom: 10px;
		    padding: 5px 5px;
		    border: 1px solid #ccc;
		    border-radius: 4px;
		    margin-right: 20px;
   		}
	</style>
</head>
<body>
	<div id="wrapper">
		<nav class="navbar-default navbar-static-side" role="navigation">
		<%
			request.setAttribute("LEFT", "aviation");
		%> <%@include
			file="../components/left.jsp"%> </nav>
		<div id="page-wrapper" class="gray-bg">
			<div class="row border-bottom">
				<jsp:include page="../components/head.jsp" flush="true" />
			</div>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-9">
					<h2>全国机票</h2>
					<ol class="breadcrumb">
						<li class="nav-main1"><a
							href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
						</li>
						<li class="nav-main2"><a id="navigation1" href="#">旅游数据</a>
						</li>
						<li class="active"><a>全国机票</a></li>
					</ol>
				</div>
			</div>
			<div class="wrapper wrapper-content animated fadeInRight">
				<div class="row">
					<div class="col-lg-12">
						<div class="ibox float-e-margins">
							<div class="ibox-content">
								<div class="row m-t-sm">
									<div class="col-lg-12">
										<div class="panel blank-panel">
											<div class="panel-body">
												<div class="tab-content">
													<div class="tab-pane active" id="tab-1">
														<div class="feed-activity-list">
															<h2>航班信息</h2>
															<table class="table table-bordered">
								                          		<thead>
						                                    		<tr>
						                                    			<th>航班名称</th>
						                                    			<th>航空公司</th>
						                                    			<th>始发地-机场</th>
						                                    			<th>目的地-机场</th>
						                                    			<th>飞机型号</th>
						                                    			<th>飞机类型</th>
						                                    			<th>起飞时间</th>
						                                    			<th>到达时间</th>
						                                    			<th>到达准点率</th>
																  	</tr>
					                                    		</thead>
					                                    		<tbody id="list">
					                                    
					                                    		</tbody>
															</table>
															<h2>座舱价格</h2>
															<table class="table table-bordered">
								                          		<thead>
						                                    		<tr>
						                                    			<th>序号</th>
						                                    			<th>座舱类型</th>
						                                    			<th>票价</th>
						                                    			<th>打折比例</th>
						                                    			<th>免费托运重量 kg</th>
						                                    			<th>退改费用</th>
																  	</tr>
					                                    		</thead>
					                                    		<tbody id="list2">
					                                    
					                                    		</tbody>
															</table>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<jsp:include page="../components/footer.jsp" flush="true" />
		</div>
	</div>
	<!-- Mainly scripts -->
    <script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
    <script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
    <script src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>
    <!-- Custom and plugin javascript -->
    <script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
    <script src="${pageContext.request.contextPath }/js/pace.min.js"></script>
    <!-- FooTable -->
    <script src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/mypage.js"></script>
	<script src="${pageContext.request.contextPath }/js/echarts.min.js"></script>
    <!-- Page-Level Scripts -->
    <script>
        $(document).ready(function() {
            $('.footable').footable();
        });
        
        <%String article_public_id = (String) request.getParameter("article_public_id");%>
      	var article_public_id = '<%=article_public_id%>'
      		
		$(function() {
			detail()
		});

		function detail() {
			$.ajax({
				url : "${pageContext.request.contextPath}/aviation/detail",
				type : "post",
				data : {
					article_public_id : article_public_id
				},
				success : function(res) {
					res = JSON.parse(res);
					var departure_time=res.departure_time;
					departure_time= departure_time.substr(10,16);
					
					var arrival_time=res.arrival_time;
					arrival_time= arrival_time.substr(10,16);
					var html = '<tr>'+
									'<td><a target="_blank" href="${pageContext.request.contextPath}/aviation/aviation-detail?article_public_id='+res.article_public_id+'">'+
				        			'<img src="'+res.airlines_logo+'" style="margin-right:5px;">'+res.flight+'</a></td>'+
				        			'<td>'+res.airlines+'</td>'+
				        			'<td>'+res.origin_city+'-'+res.origin_airport+'</td>'+
				        			'<td>'+res.destination_city+'-'+res.destination_airport+'</td>'+
				        			'<td>'+res.craftTypeName+'</td>'+
				        			'<td>'+res.craftTypeKindDisplayName+'</td>'+
				        			'<td>'+departure_time+'</td>'+
				        			'<td>'+arrival_time+'</td>'+
				        			'<td>'+res.on_time_performance+'</td>'+
    							'</tr>'
					$('#list').html(html)
					
					var cabinsPriceArray = JSON.parse(res.cabinsPriceArray);
					for (var i = 0; i < cabinsPriceArray.length; i++) {
						var html = '<tr>'+
					        			'<td>'+(i+1)+'</td>'+
					        			'<td>'+cabinsPriceArray[i].cabinClass+'</td>'+
					        			'<td>'+cabinsPriceArray[i].price+'</td>'+
					        			'<td>'+cabinsPriceArray[i].rate+'</td>'+
					        			'<td>'+cabinsPriceArray[i].freeLuggageAmount+'</td>'+
					        			'<td>'+cabinsPriceArray[i].minEndorseFee+'</td>'+
									'</tr>'
						$('#list2').append(html)
					}
					
				},
				error : function(res) {
					console.log(res);
				}
			});
		}

		//跑马灯方法 
		function init() {
			//获取标题
			var title = document.title;
			//分割字符串--->字符数组
			var arr = title.split("");
			//删除第一个元素并返回该元素
			var e = arr.shift();
			//把一个对象添加到数组末尾
			arr.push(e);
			//把数组转换成字符串
			var marquee = arr.join("");
			//返回给浏览器
			document.title = marquee;
			//定时一直执行
			window.setTimeout("init()", 1000);
		}
		window.onload = init;
	</script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
</body>
</html>
